/* 
    Document   : estilos
    Created on : 10-abr-2014, 19:52:54
    Author     : Jonathan
    Description:
        Purpose of the stylesheet follows.
*/

*{
    border:0;
    margin:0;
    padding:0;
}

body 
{
    background:#333;
    font-size:1em;
    font-family: Verdana;
    color:#fff;	
}
a {
    color:#2ba6de;
    font-weight:bold; /*en negrita*/
    text-decoration:none; 
}
a:hover 
{
    color:#dc4e12;
}

header, nav, section#contenedor, footer 
{
    border: 2px solid white;
    border-radius: 10px;
    background:green;
    margin: 2px auto;
    text-align:center;	
    width:90%;
    min-height: 50px;
}

nav ul
{
    list-style:none;
}

nav ul li 
{
    display:inline-block;
    padding:0.1em;
    vertical-align:top;
}

nav ul li a
{
    background:#2ba6de;
    border-radius: 0.4em;
    color: #fff;
    display:block;
    font-size:1.2em;
    padding:0.3em 0.6em;
    transition:all ease-in 0.5s; /* aplicar transiciones */
}

nav ul li a:hover, .marcado
{
    background:#369;
    color:#fff;
    transition:all ease-out 0.5s;
}

section#principal, aside
{
    background:#333;
    border-radius: 10px;
    min-height: 100px;
    margin:2px auto;
    max-width:100%;
    padding: 0.2em;
    display:inline-block;
    vertical-align:top;
    width:70%;
}

aside
{
    width:25%;
}

footer 
{
    text-align:center;
    padding:0.2em 0;
    font-size:0.8em;
}

aside#alm, section#principal2
{
    background:#333;
    border-radius: 10px;
    min-height: 100px;
    margin:2px auto;
    max-width:100%;
    padding: 0.2em;
    display:inline-block;
    vertical-align:top;
    width:30%;
}

section#principal2
{
    width:65%;
}